<HTML xmlns:v>
<head><style>v\:*{behavior:url(#default#vml)}</style></head>
<body scroll="no">
<div style="border:1px solid;width:400px;height:400px;" id="m">
<v:line from="0,200" to="400,200"><v:stroke endarrow="block"/></v:line><span style="position:absolute;left:350px;top:200px;">x=200</span>
<v:line to="200,0" from="200,400"><v:stroke endarrow="block"/></v:line><span style="position:absolute;left:210px;top:0px;">y=200</span>
</div>
<div style="width:1000;height:800;position:absolute;top:0px;left:0px;"></div>
<textarea style="width:400px;height:200px;position:absolute;top:420px;" id="eee"></textarea>

<script>

function out(line){
	eee.innerText+="\n"+line;
	}

function drawE(f,t){ 
	var o=document.createElement("v:line");
	o.from=f
	o.to=t
	m.appendChild(o)
	out(o.from+"-"+o.to)
	}
function xy(xx,yy){
	x=xx+200
	y=200-yy
	this.s=x+","+y
	}
function init(){}
drawE("0,0","200,200")
drawE("200px,200px","250px,300px")
drawE("250,300","300,350")
drawE("300,350","350,250")
</script>
</body>
</HTML> 